<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
.a {
	color: #09F;
	font-size: 20px;
	padding: 0px 0px 0px 0px;
	border: #FFF;
}
.cerrarsesion {	color: #666;
	display: inline-block;
	padding: 15;
	border: 4;
	font-size: 16px;
	text-decoration: line-through;
	text-transform: none;
	font-variant: normal;
	font-weight: normal;
	line-height: 50px;
	background-color: #FFF;
	background-position: left;
	text-align: center;
}
.a:hover {
	color: #0CF;
	font-size: 22px;
	padding: 0px 0px 0px 0px;
	border: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}

.espacio {	color: #FFFFFF;
}
.input {	padding: 0px 5px 20px 12px;
	font-size: 16px;
	height: 25px;
	width: 330px;
	color: #999;
	border: 0;
}
#apDiv1 {	position: absolute;
	width: 1593px;
	height: 156px;
	z-index: 1;
	left: 197px;
	top: 18px;
	background-color: #FFFFFF;
}
#apDiv10 {	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 4;
	left: 13px;
	top: 9px;
}
#apDiv2 {	position: absolute;
	width: 1239px;
	height: 56px;
	z-index: 1;
	top: 59px;
	color: #2A569F;
	font-size: 18px;
	left: 234px;
	background-color: #FFFFFF;
}
#apDiv4 {	position: absolute;
	width: 149px;
	height: 42px;
	z-index: 2;
	left: 1444px;
	top: 1px;
}
#apDiv5 {	position: absolute;
	width: 340px;
	height: 29px;
	z-index: 3;
	left: 1085px;
	top: 14px;
}
.area {	height: 150px;
	width: 268px;
}
.asterisco {	color: #09F;
}
.asteriscoblanco {	color: #FFF;
}
.inputdatos {	padding: 5px 5px 6px 15px;		
	font-size: 16px;	
	height: 24px;
	color:#000;	
	width:250px;
}
.fecha {	padding: 5px 5px 6px 15px;		
	font-size: 16px;	
	height: 26px;
	color:#000;	
	width:256px;
}
.seleccionarpais {	position: relative;
	margin: 0;
	width: 132px;
	padding: 0px 0px 0px 0px;		
	font-size:16px;
	height: 28px;
}
.selecciondatos {    position: relative;
	margin: 0;
	width: 268px;
	padding: 0px 0px 0px 0px;		
	font-size:16px;
	height: 28px;
}
#apDiv3 {
	position: absolute;
	width: 671px;
	height: 601px;
	z-index: 2;
	left: 406px;
	top: 290px;
	background-color: #FFFFFF;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
#apDiv6 {
	position: absolute;
	width: 650px;
	height: 52px;
	z-index: 4;
	top: 223px;
	left: 469px;
	color: #666;
	background-color: #FFFFFF;
}
.boton {	background: #09F;
	color:#FFF;
	font-size: 18px;
	padding: 5px 13px 5px 12px;
}
#apDiv7 {
	position: absolute;
	width: 237px;
	height: 43px;
	z-index: 5;
	left: 1273px;
	top: 219px;
}
.boton{
	background: #09F;
	color:#FFF;
	font-size: 18px;
	padding: 5px 13px 5px 12px;
}
.boton:hover{
	background: #FFF;
	color: #09F;
	font-size:18px;
	padding: 5px 13px 5px 12px;
	animation: cubic-bezier(x1,y1,x2,y2);
	cursor: pointer;
}
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
}
.tituloenblanco {	color: #FFF;
}
#apDiv11 {	position: absolute;
	width: 1271px;
	height: 36px;
	z-index: 6;
	left: 215px;
	top: 177px;
	font-size: 24px;
	color: #06F;
	background-color: #0066FF;
}
#apDiv12 {	position: absolute;
	width: 298px;
	height: 33px;
	z-index: 7;
	left: 512px;
	top: 1px;
}
#apDiv13 {
	position: absolute;
	width: 1273px;
	height: 52px;
	z-index: 6;
	left: 217px;
	top: 903px;
	font-size: 24px;
	color: #06F;
	background-color: #0066FF;
}
#apDiv8 {
	position: absolute;
	width: 225px;
	height: 191px;
	z-index: 7;
	left: 49px;
	top: 328px;
}
</style>
<link href="calendario_dw/calendario_dw-estilos.css" type="text/css" rel="STYLESHEET">
<style type="text/css">
#apDiv9 {
	position: absolute;
	width: 425px;
	height: 94px;
	z-index: 7;
	left: 243px;
	top: 51px;
}
</style>
<script type="text/javascript" src="js/municipio.js" ></script>
<script type="text/javascript" src="calendario_dw/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="calendario_dw/calendario_dw.js"></script>

<script type="text/javascript">
$(document).ready(function(){
   $(".fecha").calendarioDW();
})
</script>

<script>
    function valida_envia(){	
			
	if (document.fvalida.pais.selectedIndex == 0) {
        alert("Seleccione pais")
        document.fvalida.pais.focus()
        return false;
        }	
        
        if (document.fvalida.dep.selectedIndex == 0) {
        alert("Seleccione Departamento")
        document.fvalida.pais.focus()
        return false;
        }      	
}
</script>
</head>
<body>
    <form name="fvalida" method="post" onSubmit="return valida_envia()" action="exper.jsp">
<div id="apDiv1">
  <div id="apDiv2">
    <div align="justify"><a href="informacion.html" class="a">Informaci&oacute;n personal</a> <span class="espacio">vvv</span><a href="ingresoexperiencia.html" class="a">Experiencia</a><span class="espacio">vvvv</span><a href="ingresoeducacion.html" class="a">Educaci&oacute;n<span class="espacio">vvv </span></a><a href="interesesylogros.html" class="a">Intereses y logros<span class="espacio">vvv </span></a><a href="ingresareferencias.html" class="a">Referencias</a></div>
  </div>
  <div id="apDiv4"><span class="cerrarsesion"><a href="ingreso.html" class="cerrarsesion"> Cerrar Sesion</a></span></div>
  <div id="apDiv5">
    <input name="usuario" type="text" class="input" id="usuario" value="william fernando matabanchoy matabanchoy"  readonly="readonly" />
  </div>
  <div id="apDiv10"><img src="images/logo.png" width="199" height="140" align="middle" /></div>
</div>
<div class="input" id="apDiv3">
  <table width="686" cellpadding="1">
    <tr>
      <td width="366" align="right" valign="middle"><p>Nombre Entidad <span class="asterisco">*</span></p></td>
      <td width="299"><input name="noment" type="text" required="required" class="inputdatos" id="name" maxlength="100"  />
        &nbsp;</td>
    </tr>
    <tr>
      <td height="119" colspan="2" align="center" valign="middle"><div id="apDiv9">
        <p>Lugar de trabajo <span class="asterisco"> *</span></p>
        <p>
          <select name="pais" class="seleccionarpais" id="pais" onchange="clic()">
            <option selected="selected">Pais</option>
            <option values ="3">Colombia</option>
            <option values ="3">Ecuador</option>
            <option values ="3">Bolivia</option>
            <option values ="4">Chile</option>
            <option values ="5">Argentina</option>
            <option values ="6">Brazil</option>
            <option values ="7">Peru</option>
            <option values ="8">Paraguay</option>
            <option values ="9">Uruguay</option>
            <option values ="10">Venezuela</option>
            <option values ="11">Mexico</option>
            <option values ="12">Estados Unidos</option>
          </select>
          <select name="dep" class="seleccionarpais" id="dep" onchange="cambiar(this.form)" >
            <option selected="selected" values ="0">Departamento</option>
            <option values ="1">Antioquia</option>
            <option values ="2">Arauca</option>
            <option values ="3">Atlántico</option>
            <option values ="4">Bolívar</option>
            <option values ="5">Boyacá</option>
            <option values ="1">Caldas</option>
            <option values ="2">Caquetá</option>
            <option values ="3">Casanare</option>
            <option values ="4">Cauca</option>
            <option values ="5">Cesar</option>
            <option values ="1">Chocó</option>
            <option values ="2">Córdoba</option>
            <option values ="3">Cundinamarca</option>
            <option values ="4">Guainía</option>
            <option values ="5">Guaviare</option>
            <option values ="1">Huila</option>
            <option values ="2">Guajira</option>
            <option values ="3">Magdalena</option>
            <option values ="3">Meta</option>
            <option values ="4">Norte de Santander</option>
            <option values ="5">Nariño</option>
            <option values ="1">Putumayo</option>
            <option values ="2">Quindio</option>
            <option values ="3">Risaralda</option>
            <option values ="4">Santander</option>
            <option values ="5">Sucre</option>
            <option values ="1">Tolima</option>
            <option values ="2">Valle del Cauca</option>
            <option values ="3">Vaupés</option>
            <option values ="4">Vichada</option>
        </select>
          <select name="mun" class="seleccionarpais" id="mun">
            <option selected="selected" values ="1">Municipio</option>
          </select>
        </p>
      </div></td>
      </tr>
    <tr>
      <td height="26" align="right" valign="middle">Ubicacion <span class="asteriscoblanco">*</span></td>
      <td><input name="ubic" type="text" class="inputdatos" id="name3" maxlength="100" /></td>
    </tr>
    <tr>
      <td align="right" valign="middle"> Labora actualmente <span class="asterisco">* </span></td>
      <td>Si
        <input name="labact" type="radio" value="si" checked="checked"/>
        No
        <input name="labact" type="radio" value="no" /></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Fecha de inicio: dd/mm/aaaa <span class="asterisco">* </span></td>
      <td><input name="fecini" type="text" class="fecha" id="fechainicio" onkeypress="return validar(event)" required="required"/></td>
    </tr>
    <tr>
      <td align="right" valign="middle"><p>Fecha de finalización: dd/mm/aaaa<span class="asteriscoblanco"> *</span></p></td>
      <td><input name="fecfin" type="text" class="fecha" id="fechafin" onkeypress="return validar(event)" /></td>
    </tr>
    <tr>
      <td align="right" valign="middle">Cargo <span class="asterisco">*</span></td>
      <td><input name="car" type="text" class="inputdatos" id="cargo" required="required" /></td>
    </tr>
    <tr>
      <td height="32" align="right" valign="middle"><p>Funciones desempeñadas <span class="asterisco">* </span></p></td>
      <td><textarea name="fundes" cols="50" rows="50" class="area" id="funciones" required="required"></textarea></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
<div id="apDiv6">
  <p>Teniendo en cuenta su experiencia adquirida, ingrese la  siguiente información</p>
</div>
<div id="apDiv7">
  <input name="agregar" type="submit" class="boton" id="agregar" value="Agregar" />
  <input name="cancelar" type="reset" class="boton" id="cancelar" value="Cancelar" />
</div>
</form>
<div id="apDiv11">
  <div class="tituloenblanco" id="apDiv12">Experiencia laboral</div>
</div>
<div class="tituloenblanco" id="apDiv13">Información personal</div>
</body>
</html>